<template>
  <div style="height: 300px;">
    <el-form :model="productForm" style="width: 100%;">
      <el-row :gutter="20">
        <!-- 销售 && 交叉销售配置 -->
        <el-col :span="12">
          <span class="idoo-span-title-font">技能类型&名称</span>
          <el-divider />
          <div style="margin-top: 20px;">
            <idoo-form-item label="技能类型" remark="产品包装环节可记录产品交付时的包装样式，具体包括所使用的箱子规格、材质，以及袋子的类型、尺寸等信息。">
              <el-select class="idoo-details-select">
              </el-select>
            </idoo-form-item>
            <idoo-form-item label="技能名称" remark="在与客户沟通洽谈以及制作报价单的过程中，系统能够依据当前正在销售的产品，自动提示与之相关的系列产品。
            这有助于向客户全面展示产品阵容，挖掘潜在销售机会，同时丰富报价单内容，为客户提供更多选择">
              <el-select class="idoo-details-select">
              </el-select>
            </idoo-form-item>
          </div>
        </el-col>

        <!-- 报价相关配置 -->
        <el-col :span="12">
          <span class="idoo-span-title-font">等级&进度</span>
          <el-divider />
          <div style="margin-top: 20px;">
            <idoo-form-item label="等级" remark="产品包装环节可记录产品交付时的包装样式，具体包括所使用的箱子规格、材质，以及袋子的类型、尺寸等信息。">
              <el-select class="idoo-details-select">
              </el-select>
            </idoo-form-item>
            <idoo-form-item label="进度" remark="产品包装环节可记录产品交付时的包装样式，具体包括所使用的箱子规格、材质，以及袋子的类型、尺寸等信息。">
              <el-select class="idoo-details-select">
              </el-select>
            </idoo-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span class="idoo-span-title-font">证书&文件</span>
          <el-divider />
          <div style="margin-top: 20px;">
            <el-form-item label="">
              <el-select class="idoo-details-select">

              </el-select>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="12">

        </el-col>
      </el-row>
    </el-form>
  </div>
</template>


<script setup lang="ts">
import IdooFormItem from '@/components/base/form/formContent/index.vue';
const productForm = {}
</script>

<style scoped>
.el-divider--horizontal {
  margin: 5px 0 !important;
}

.idoo-span-title-font {
  font-weight: bolder !important;
  font-size: small;
}
</style>
